<?php
include_once('includes/header.html');
?>

<div id="path">
	<a href="/" title="">Home</a>
	&gt;
	<a href="/products" title="">Products</a>
	&gt;
	<a href="/products/Xyz" title="">Xyz</a>
	&gt;
	<a href="/products/Xyz/Features" title="">Features</a>
</div>

<div id="leftblock">
	<article id="filtre1" class="filters">
		<h4>Filtre 1</h4>
		
		<div class="filters_c">
			<input type="checkbox" id="filter1_cb1" />
			<label for="filter1_cb1">not selected</label>
			<br />
			
			<input type="checkbox" id="filter1_cb2" checked />
			<label for="filter1_cb2">selected</label>
			<br />
			
			<input type="checkbox" id="filter1_cb3" />
			<label for="filter1_cb3">intermediate</label>
			<script>$("#filter1_cb3").prop("indeterminate", true);</script>
		</div>
	</article>
	
	<article id="filtre2" class="filters">
		<h4>Filtre 2</h4>
		
		<div class="filters_c">
			<input type="checkbox" id="filter2_cb1" />
			<label for="filter2_cb1">not selected</label>
			<br />
			
			<input type="checkbox" id="filter2_cb2" checked />
			<label for="filter2_cb2">selected</label>
			<br />
			
			<input type="checkbox" id="filter2_cb3" />
			<label for="filter2_cb3">intermediate</label>
			<script>$("#filter2_cb3").prop("indeterminate", true);</script>
		</div>
	</article>
</div>

<section id="results">
	<h2>Vetement</h2>
	
	<div id="results_d">
		<span>232 produits</span>
		
		<select>
			<option selected>Trié par</option>
		</select>
		
		<div class="pages">
			<span>Articles :</span>
			<a href="#" title="">40</a>
			/
			<a href="#" title="">80</a>
			/
			<a href="#" title="">120</a>
		</div>
	</div>
	
	<div id="results_c">
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
		<img class="img-rounded tn" src="images/default.png" alt="" />
	</div>
	
	<div class="pages">
		<span>Pages :</span>
		<a href="#" title="">1</a>
		<a href="#" title="">2</a>
		<a href="#" title="">3</a>
	</div>
</section>

<br style="clear:both;" />

<?php
include_once('includes/footer.html');
?>